<template>
	<view style="min-height: 1300rpx; background-color:#F5F5F5 ;padding-top: 30rpx;">
		<view class="carp">
			<view class="carp_1">
				<u-input
				 :maxlength='200'
				 v-model="value" type="textarea" :auto-height="autoHeight" placeholder="请描述您遇到的问题..." />
			</view>

				<text class="carp_02">{{num}}/200</text>
				<view class="xian">
					
				</view>
				<view class="carp_2">
					<text>联系方式</text>
					<u-input v-model="value" type="text"  placeholder="请输入您的联系方式" />
				</view>
		</view>
		<view class="bc" @click="tj">
			提交
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
				num: 0
			};
		},
		methods:{
			tj(){
				uni.navigateTo({
					url:'./shenqing'
				})
			}
		},
		watch:{
			value(){
				this.value.split('')
				this.num=this.value.length
			},
		}
	}
</script>

<style lang="scss">
	.bc{
		left: 50%;
		width: 380rpx;
		height: 88rpx;
		background: #FFD500;
		margin: 100rpx auto;
		opacity: 1;
		border-radius: 44px;
		text-align: center;
		line-height: 88rpx;
		font-size: 30rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #703F00;
		opacity: 1;
	}
	.xian{
		height: 1px;
		background-color: #F5F5F5;
		margin-top: 20rpx;
	}
	.carp {
		margin: auto;
		height: 595rpx;
		width: 93%;
		border-radius: 8rpx;
		background-color: white;
		position: relative;
		.carp_2{
			display: flex;
			align-items: center;
			padding: 20rpx 20rpx 20rpx 20rpx;
			// border: 1rpx solid black;
			text{
				display: inline-block;
				margin-right: 20rpx;
				font-size: 30rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #7B7B7B;
				opacity: 1;
			}
		}
		.carp_02{
			display: block;
			text-align: right;
			padding-right: 30rpx;
		}

		.carp_1 {
			height: 70%;
			padding: 30rpx 30rpx 30rpx 30rpx;
			// border: 1rpx solid black;
		}


		.carp_01 {
			position: absolute;
			height: 150rpx;
			width: 630rpx;
			// border: 1rpx solid black;
			bottom: 0;

			.carp_02 {
				display: block;
				text-align: right;
			}
		}
	}
</style>
